
	<!DOCTYPE html>
	<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>hello_react</title>
		<!-- 引入react核心库 -->
		<script type="text/javascript" src="../js/react.development.js"></script>
		<!-- 引入react-dom，用于支撑react操作DOM-->
		<script type="text/javascript" src="../js/react-dom.development.js"></script>
		<!-- 引入babel，用于将jsx转为js -->
		<script type="text/javascript" src="../js/babel.min.js"></script>
	</head>

	<body>
		<!-- 准备好一个容器 -->
		<div id="test"></div>
		<div id="demo"></div>

	<script type="text/babel">/* 此处必须写成babel */
		// 创建  类式组件 (必须继承React中的类)
		class Person extends React.Component{
			render(){
				console.log("reder中的this",this);
				return <h2>测试 类式组件</h2>
			}
		}
		ReactDOM.render(<Person/> , document.getElementById("test"))
	</script>
	</body>
	<style>
		.title{
			background-color: aqua;
		}
	</style>

	</html>
